<!--  -->
<template>
  <div class="box">组件1

   
    <div>
        {{ user.name }}
    </div>
    
     <el-input style="width: 200px;" v-model="user.name" />
  
   </div>
</template>

<script lang='ts' setup>
import { reactive,toRefs,ref,onMounted} from 'vue'

const user = reactive({
  name: '张三'
})
</script>
<style scoped>
.box{
    width: 100%;
    height: 100px;
    background-color: skyblue;
}
</style>